<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>颜色样式</title>
    <style>
        .c1{
            color:red;
        }
        .c2{
            color:#00ff00;
        }
        .c3{
            /*
                rgb函数有三个参数
                分别表示红绿蓝的颜色程度
                其值是十进制,范围:0-255
            */
            color: rgb(0,0,255);
        }
        .c4{
            /*
                rgba函数有四个参数
                前三个与rgb函数参数一致
                第四个参数表示透明度,取值范围0-1
                0表示完全透明,1表示完全不透明
            */
            color:rgba(255,0,0,0);
        }
    </style>
</head>
<body>
<div class="c1">通过英文单词设置颜色</div>
<div class="c2">通过RGB色系设置颜色</div>
<div class="c3">通过rgb函数设置颜色</div>
<div class="c4">通过rgba函数设置颜色</div>
</body>
</html>